<!DOCTYPE html>
<html lang="en">

<%- include('common/head') %>

<body>
  <%- include('common/navbar') %>

  <div class="container">
    <ol class="breadcrumb">
      <li><a href="/">博客首页</a></li>
      <li class="active">添加内容</li>
    </ol>
    <h2>添加内容</h2>
    <form role="form" method="post">
      <label style="font-size: 16px" for="category">选择分类:</label>
      <select name="category" id="category" class="selectCategory">
        <% categories.forEach(function(category) { %>
        <option value="<%= category.id %>"><%= category.name %></option>
        <% }) %>
      </select>
      <div class="inputContainer">
        <label style="font-size: 16px" for="title">标题:</label>
        <input type="text" class="contentInput" id="title" name="title" placeholder="请输入标题">
      </div>
      
      <div class="inputContainer">
        <label style="font-size: 16px" for="author">作者:</label>
        <input type="text" class="contentInput" id="author" name="author" placeholder="请输入作者">
      </div>

      <div class="inputContainer">
        <label style="font-size: 16px" for="contentIntro">内容简介:</label>
        <textarea name="contentIntro" id="contentIntro" class="contentIntro" placeholder="请输入内容简介"></textarea>
      </div>

      <div class="inputContainer">
        <label style="font-size: 16px" for="content">内容:</label>
        <textarea name="content" id="content" class="mainContent" placeholder="请输入内容"></textarea>
      </div>

      <button type="submit" class="btn contentBtn">提交</button>
    </form>
  </div>

  <script src="/js/jquery3.3.1.js"></script>
  <script src="/js/bootstrap.js"></script>
</body>
</html>
